<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <title>zkNavigator</title>
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
    <script src="/static/jquery-2.1.4.js"></script>
    <script src="/static/bootstrap/js/bootstrap.min.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <div class="container">
      <div class="col-md-12">
        <div class="row">


<html>
<h2>
<span  th:each="pathAHref,pathAHrefStat : ${pathAHrefList}">
<a th:href="${pathAHref.url2Lable}" th:text="${pathAHref.aLable}" href="url">url</a>
</span>
</h2>

<a th:href="'/create/' + ${pathUrl}" href="/create/url" class="btn btn-default">create new leaf node</a><hr>

<table class="table table-striped">
<tr th:each="pathNode : ${pathNodeList}">
    <td width="140px">
        <span th:if="${pathNode.content} ne null">
        <a class="btn btn-default btn-xs" role="button" data-toggle="collapse" th:href="'#collapse' + ${pathNode.curname}" href="#collapse_element_id" aria-expanded="false" th:attr="aria-controls='collapse' + ${pathNode.curname}">show content</a>
	    <a class="btn btn-primary btn-xs" th:href="'/edit/|' + ${pathNode.cpath}" href="/edit/_root_|_i_">edit</a>
	    </span>
	</td>
	
	<td>
	    <span><a th:href="'/|' + ${pathNode.cpath}" th:text="${pathNode.curname}"></a></span>
		<div th:attr="id='collapse' + ${pathNode.curname}"  class="panel-collapse collapse" role="tabpanel">
	        <div class="panel-body">
			    <pre th:text="${pathNode.content}"></pre><hr width=50% align=left>
		    </div>
		</div>
	</td>
	
	<td style="text-align:right">
		<a class="btn btn-danger btn-xs" th:href="'/delete/|' + ${pathNode.cpath}" th:onclick="return confirm('Are you sure you want to delete + [[${pathNode.curname}]] ?')" >&times;</a>
	</td>
	
</tr>
</table>
        </div>
      </div>
    </div>
  </body>
</html>
